<?php
use common\components\Tools;

$this->title = '';

$about = Tools::getValue('site_about');

$this->registerCss("

    .page-index{margin:0 auto;text-align: center;padding:60px 12%}
    .title{font-size: 28px;color:#333;}
    .desc{text-transform:Uppercase;font-size: 18px;color:#333;font-weight: 300;letter-spacing: 1px}
    .cate-list{margin-top: 20px}
    .cate-list .cate-item{width:100%;height:230px;background-color: #fff;border:1px solid #DBDBDB;margin-top:10px;box-shadow:0 0 10px #DBDBDB}
    .cate-list .cate-item-header{width:100%;height:40px;display: flex;line-height: 40px;background: url(/img/mokuai2x.png) no-repeat center;background-size: cover;padding: 0 12px}
    .cate-list .cate-item-header .title{flex: 2;text-align: left;font-size: 16px;color:#fff}
    .cate-list .cate-item-header .more{flex: 1;text-align: right}
    .cate-list .cate-item-header .more a{color:#F6C900}
    .cate-list .cate-item-header .more p{margin: 0px;color:#2F5DCA;font-size: 14px}
    .cate-list .article-list{text-align: left;}
    .cate-list .article-item{margin:0px 10px;padding: 10px 0px;border-bottom: 1px dashed #CDCDCD}
    .cate-list .article-item .title{float: left;width:72%}
    .cate-list .article-item .title p{margin:0px;font-size: 12px;color:#333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
    .cate-list .article-item .title span{width:4px;height:4px;background:#F6C900;display: block;float: left;margin-top: 7px;border-radius: 50%;margin-right: 5px}
    .cate-list .article-item .date {float: left;width:28%}
    .cate-list .article-item .date p{font-size: 12px;color:#9F9F9F;margin:0px;text-align: right}

    input{width:100%;height:44px;background:#F4F4F6;outline:none;border:0px;padding-left:15px}
    textarea{height:100px;width:100%;background:#F4F4F6;outline:none;border:0px;padding:15px}
    button{width:100%;height:44px;margin-top:30px;background:#2F5DCA;color:#fff;font-size:18px;line-height44px;outline:none;}

    .page-about{width:100%;background: url(/img/bg-about@2x.png) no-repeat center;background-size:cover;padding: 60px 12%;text-align: center;}
    .page-about .title{font-size: 28px;color:#333;}
    .page-about .desc{font-size: 18px;color:#333;font-weight:300}
    .page-about .stitle{font-size: 18px;color:#333;margin-top: 30px}
    .page-about .about{font-size: 14px;color:#333;letter-spacing: 1px;line-height:2;text-align: justify;}



");
?>

<div class="page-index">
    <p class="title">论文资源</p>
    <p class="desc">paper resources</p>
    <div class="cate-list">
        <div class="row">

            <?php foreach($catelist as $k=>$v){ ?>
            <div class="col-lg-4 col-md-6 col-sm-12">
               
                <div class="cate-item">
                    <div class="cate-item-header">
                        <div class="title"><?=$v?></div>
                        <div class="more">
                            <p><a href="/home/default/list?id=<?=$k?>">MORE <span class="glyphicon glyphicon-circle-arrow-right"></span></a></p>
                        </div>
                    </div>

                    <?php foreach(Tools::getCateArticle($k) as $key=>$item){ ?>
                    <div class="article-list">

                        <a href="/article/<?=$item['id']?>.html">
                            <div class="article-item" style="<?php if($key == 4){echo 'border-bottom:0px';}?>">
                                <div class="title" style="text-align: left;">
                                   <p><span></span><?=$item['title']?></p> 
                                </div>
                                <div class="date">
                                    <p><?=$item['publish_date']?></p>
                                </div>
                                <div class="clearfix"></div>
                            </div>
                        </a>
                        
                    </div>
                    <?php }?>
                </div>
               
                
            </div>
            <?php }?>
        </div>
    </div>
</div>
<div class="page-about">
    <p class="title">关于我们</p>
    <p class="desc">ABOUT US</p>
    <p class="stitle">公司简介</p>
    <p class="about">&nbsp;&nbsp;&nbsp;&nbsp;<?=$about?></p>
</div>

